<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="https://cdn.bootcdn.net/ajax/libs/minireset.css/0.0.2/minireset.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="scss/dist/app.css" />
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" />
  </head>
  <body>
    <!-- 顶部菜单 -->
    <header class="rel">
      <div class="container">
        <div class="city-select">
          <div class="current"><i class="fa fa-plane" aria-hidden="true"></i> 北京</div>
          <div class="city-lists">
            <a href="" class="active">北京</a>
            <a href="">上海</a>
            <a href="">长沙</a>
            <a href="">海南</a>
            <a href="">珠海</a>
            <a href="">北京</a>
            <a href="">上海</a>
            <a href="">长沙</a>
            <a href="">海南</a>
            <a href="">珠海</a>
          </div>
        </div>
        <ul class="menus">
          <li>
            <a href="">北京你好，请登录</a>
          </li>
          <li><a href="" class="red">免费注册</a></li>
          <li><a href="">我的订单</a></li>
          <li class="dropdown rel">
            <a href="">
              我的京东
              <i class="fa fa-sort-desc" aria-hidden="true"></i>
            </a>
            <div>sdsdfsdf</div>
          </li>
          <li class="dropdown rel">
            <a href="">
              京东会员
              <i class="fa fa-sort-desc" aria-hidden="true"></i>
            </a>
            <div>sdsdfsdf</div>
          </li>
          <li>
            <a href="">企业采购</a>
          </li>
          <li><a href="">客户服务</a></li>
          <li class="dropdown">
            <a href="">
              网站导航
              <i class="fa fa-sort-desc" aria-hidden="true"></i>
            </a>
            <div class="navcat">sdsdfsdf</div>
          </li>
          <li>
            <a href="">手机京东</a>
          </li>
        </ul>
      </div>
    </header>
    <!-- 顶部菜单 end-->
    <!-- 搜索框 -->
    <div class="search">
      <div class="container">
        <div class="logo">
          <a href="">
            <img src="images/logo.gif" alt="" />
          </a>
        </div>
        <main>
          <div class="search-cart">
            <div class="box">
              <div class="form">
                <input type="text" />
                <div class="btn">
                  <i class="fa fa-search" aria-hidden="true"></i>
                </div>
              </div>
              <div class="keywords">
                <a href="" class="active">IPHONE 12 MINI 手机</a>
                <a href="">彩电</a>
                <a href="">游戏机</a>
                <a href="">XBOX</a>
                <a href="">红色警戒</a>
              </div>
            </div>
            <div class="cart">
              <div class="icon">
                <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                <span>6</span>
              </div>
              我的购物车
            </div>
          </div>
          <nav>
            <a href="" class="active">秒杀</a>
            <a href="" class="active">优惠券</a>
            <a href="">PLUS会员</a>
            <a href="">彩电</a>
            <a href="">洗衣机</a>
            <a href="">优惠券</a>
            <a href="">彩电</a>
            <a href="">洗衣机</a>
          </nav>
        </main>
        <div class="ad">
          <a href="">
            <img src="images/logo.gif" alt="" />
          </a>
        </div>
      </div>
    </div>
    <!-- 搜索框 END -->
    <div class="container">
      <div class="main">
        <section>
          <dl>
            <dt>
              <a href="">家用电器</a>
            </dt>
            <dd>第一个菜单</dd>
          </dl>
          <dl>
            <dt>
              <a href="">手机</a><a href="">运营商</a>
              <a href="">数码</a>
            </dt>
            <dd>第二个菜单</dd>
          </dl>
        </section>
        <section>
          <div class="slide">
            <img src="images/8d2b54888bc0d7d3.jpg.webp" alt="" />
          </div>
          <div class="ads">
            <a href=""><img src="images/1.webp" alt="" /></a>
            <a href=""><img src="images/2.webp" alt="" /></a>
            <a href=""><img src="images/3.webp" alt="" /></a>
          </div>
        </section>
        <section>
          <div class="user">
            <div class="login">
              <img src="images/jd-user-icon.png" />
              <div>
                <a href="">HI ~ 欢迎逛京东</a>
                <br />
                <a href="">登录</a> | <a href="">注册</a>
              </div>
            </div>
            <div class="plus">
              <a href="">新人福利</a>
              <a href="">PLUS会员</a>
            </div>
            <div class="line"></div>
          </div>
        </section>
      </div>
    </div>
  </body>
</html>
